// 导入 hiarline.scss 文件
@import '@/assets/styles/hairline.scss';

.root {
  height: 46px;
  :global {
    .main {
      height: 46px;
      width: 100%;
      position: relative;
      display: flex;
      align-items: center;
      background-color: #fff;
      // 1px 项目边框处理
      @include hairline('bottom', #ccc);
    }
    .fixed {
      position: fixed;
      z-index: 999;
    }
    .left {
      width: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon {
      font-size: 16px;
      color: #ddd;
    }
    .title {
      flex: 1;
      margin: 0 auto;
      color: #323233;
      font-weight: 500;
      font-size: 16px;
      text-align: center;
    }
    .right {
      padding-right: 16px;
      width: 48px;
    }
  }
}
